<?PHP 
include '../../_classes/_layout.php';

$layout = new layout(2);
$layout->setTitle('- modal Exemplo');

$layout->setScripts('<link type="text/css" href="'. $layout->getDir() .'_componentes/modal/css/osx.css" rel="stylesheet" media="screen" />');
$layout->setScripts('<script type="text/javascript" src="'. $layout->getDir() .'_componentes/modal/js/jquery.simplemodal.js"></script>');
$layout->setScripts('<script type="text/javascript" src="'. $layout->getDir() .'_componentes/modal/js/osx.js"></script>');

print $layout->getLayout(); // IMPRIME O TOPO DO SITE
?>
<script type="text/javascript">
	//Função para abrir o modal no onload da pagina
	$(document).ready(function() {
		showModal();
	});
</script>


<!-- chama o modal -->
<input type='button' name='osx' value='Click para abrir o modal (botão)' class='osx demo'/> or <a href='#' class='osx'>Click para abrir o modal (a href, div, tabela, etc...)</a>

<!-- modal content -->
<div id="osx-modal-content">
    <div id="osx-modal-title">Titulo do modal</div>
    <div class="close"><a href="#" class="simplemodal-close">x</a></div>
    <div id="osx-modal-data">
        <h2>Ememplo Modal</h2>
        <p>Conteudo do modal.</p>        
        <p><button class="simplemodal-close">Fechar</button> <span>(ou pressione ESC ou click no backgound do modal)</span></p>
    </div>
</div>
<!-- fim modal content -->


<?PHP
print $layout->getLayoutFim();
?>
